*{
	padding:0;
	margin:0;
	font-size:1em;
}
a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}
img{
	width: 100%; 
	height: auto;
	max-width: 100%; 
	display: block;
}
.navbar{
	width:100%;
	height:4em;
	background-image: url(../img/bg-i.png);
	box-shadow:0px 0px 10px black;
}
/*.back{
	margin-top: 1em;;
	float:left;
	width:3em;
	height:2em;
	background-color: #5F9EA0;
	margin-left:2em;
}
.back>a{
	display:block;
	width:2em;
	height:2em;
	text-decoration: none;
} */
.fa-arrow-left{
	color:white;
	float:left;
	font-size:2em;
	margin-top:.5em;
	margin-left:1em;
}
.content{
	float:left;
	margin-left:2em;
	line-height: 4em;
}
.content>p{
	color:white;
	font-size:1.5em;
}
/*主页面*/
/*主背景*/
.bannerImage{
	width:100%;
	height:12em;
	background-image: url(../img/tjut-bg.jpg);
	background-size:cover
}
.container{
	width:100%;
	margin-top:2em;
	background-color: antiquewhite;
}
.avatar{
	border-radius: 6em;
	width:6em;
	height:6em;
	background-color: black;
	position:absolute;
	margin-left:65%;
	top:12.5em;
	background-image:url(../img/avatar.jpg);
	background-size:cover;
	box-shadow:0px 0px 8px slateblue;
}
.avatar2{
	float:left;
	background-image:url(../img/avatar.jpg);
	background-size: cover;
	width:3em;
	height:3em;
	margin-top:1em;
	margin-left:1em;
	border-radius: 3em;
	box-shadow:0px 0px 5px black;
}
/*具体信息栏目*/
.bannerContent{
	width:100%;
	height:9em;
	background-color: rgba(135,206,235,0.4);
	box-shadow: 0px 0px 10px black;
}
.bannerContent>p:nth-child(1){
	margin-left:1em;
	font-size:2em;
	text-shadow:0px 0px 2px black;
}
.bannerContent>p:nth-child(2){
	float:left;
	margin-top:.25em;
	margin-left:3.5em;
	line-height:2em;
}
.exp{
	clear:left;
	width:8em;
	height:1.5em;
	background-color: white;
	margin-top:.5em;
	margin-left:1.5em;
	border-radius:5em;
	box-shadow:0px 0px 8px black;
}
#exp{
	display:block;
	border-radius:5em ;
	height:1.5em;
	width:50%;
	background-color: coral;
	box-shadow:0px 0px 4px coral;
}
.bannerContentSec{
	float:right;
	margin-right:2em;
	text-align: center;
}
.bannerContentSec>p{
	line-height: 2em;
}
.bannerContentSec>p:nth-child(1){
	font-size:1.5em;
}
.bannerContentSec>p:nth-child(2){
	font-size:1.25em;
}
/*内容导航栏*/
.containerNav{
	width:100%;
	text-align: center;
	background-color: white;
}
.containerNav>button{
	width:32%;
	border:0;
	background-color: indianred;
	outline:none;
	height:2.5em;
	background-color: rgba(169,169,169,0.6);
	border-radius: 1em;
	box-shadow:0px 0px 5px black;
	margin-top:.5em;
	margin-bottom:.5em;
}
.containerNav>button:active,.containerNav>button:hover{
	background-color:white;
	transition:.25s linear;
	color:black;
}
/*头像框设置*/
/*老版样式
.avatar{
	width:100%;
	height:5em;
	border-bottom: #000000 1px solid;
}
.avatar>span{
	display:block;
	font-size:1em;
	line-height: 5em;
	margin-left:2em;
	float:left;
}
.avatarImg{
	float:right;
	width:4.5em;
	height:4.5em;
	background-color: #000000;
	border-radius: 4em;
	margin-top:0.25em;
	margin-right:2em;
} */
.banner{
	width:100%;
	height:4em;
	background-color: rgba(255,255,255,0.4);
	/*border-bottom: #000000 1px solid;*/
	box-shadow:0px 0px 4px black;
}
.banner span:nth-child(1){
	display:block;
	font-size:1em;
	line-height: 4em;
	margin-left:2em;
	float:left;
}
.banner span:nth-child(2){
	display:block;
	font-size:1em;
	line-height: 4em;
	margin-right:2em;
	float:right;
}
.containerIndex{
	background-image: url(../img/bg-3.jpg);
	background-size:cover;
}
#containerMission{
	background-image: url(../img/bg-3.jpg);
	background-size:cover;
}
/*底部栏*/
#containerTree{
	display:none;
}
#containerMission{
	display:none;
}
/*任务栏页面*/
#containerMission>div{
	width:100%;
	background-color: rgba(255,255,255,0.4);
	box-shadow:0px 0px 5px black;
}
.missionChange{
	height:4em;
}
#containerMission>div>p{
	line-height: 4em;
	display:block;
	margin-left:2em;
}
#containerMission>div>i{
	margin-top:.5em;
	margin-left:1em;
	margin-right:.5em;
	font-size:2em;
	
}
.personSend{
	margin-top: 1.8em;
}
#containerMission>div>i{
	float:left;
	transition:.15s linear;
}
.hid{
	display:none;
	background-color: #FFEBCD;
	animation:XL 1s;
}
/*个人信息页面显示隐藏部分*/
#hid1 .personAccept,
#hid1 .personNumberA,
.missionContent,
.price,
.place,
#hid1 .failedBtn,
.check{
	display: none;
}
#hid2 .personSend,
#hid2 .seccessBtn,
#hid2 .personNumberS{
	display: none;
}
#hid1 #elasticFrame .personAccept,
#hid1 #elasticFrame .personNumberA,
#hid1 #elasticFrame .failedBtn{
	display: block;
}
#hid2 #elasticFrame2 .personSend,
#hid2 #elasticFrame2 .personNumberS,
#hid2 #elasticFrame2 .seccessBtn{
	display: block;
}
/*
#elasticFrame .mission .missionContent,
#elasticFrame .mission .personAccept,
#elasticFrame .mission .personNumberA,
#elasticFrame .mission .personSend,
#elasticFrame .mission .personNumberS,
#elasticFrame .mission .price,
#elasticFrame .mission .place,
#elasticFrame .mission .check,
#elasticFrame2 .mission .missionContent,
#elasticFrame2 .mission .personAccept,
#elasticFrame2 .mission .personNumberA,
#elasticFrame2 .mission .personSend,
#elasticFrame2 .mission .personNumberS,
#elasticFrame2 .mission .price,
#elasticFrame2 .mission .place,
#elasticFrame2 .mission .check
{
	display: inline;
} */
/*任务块*/
.missionTime{
	display:block;
	font-size:.75em;
	float:left;
	margin-left:.5em;
	margin-top: 1.25em;
	color:rgba(0,0,0,0.8);
}
.personNumberS,
.missionForm>button,
.missionForm>.missionContent,
.missionForm .personAccept,
.missionForm .personNumberA,
.missionForm .check,
.personNumberS
{
	display: none;
}
.missionName{
	clear:left;
	margin-right:.5em;
	margin-left:1.25em;
	margin-top:.5em;;
	font-size:1.5em;
}
.personNumberA{
	clear:left;
	margin-right:.5em;
	margin-left:1.25em;
	margin-top:.5em;;
	font-size:1.5em;
}
.missionContent{
	display:block;
	clear:all;
	margin-top:.5em;
	margin-left:.5em;
	margin-right:.5em;
	word-break: break-all;
}
#elasticFrame{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;	
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	z-index: 999999;
}
.mission{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top:5em;
	margin-bottom:8em;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	background-color: rgba(255,255,255,0.9);
}
.place{
	margin-left:2em;
	margin-left:2em;
	word-break: break-all;
}
.missionContent{
	margin-left:2em;
	margin-right:2em;
	word-break: break-all;
}
.price{
	color:orangered;
}
.failedBtn,successBtn{
	margin:1em auto;
	box-shadow: 0px 0px 10px black;
	color: white;
	display: block;
	width: 6em;
	height: 3em;
	border-radius: 2em;
	border: none;
	background-color: royalblue;
}
.seccessBtn{
	margin:1em auto;
	box-shadow: 0px 0px 10px black;
	color: white;
	display: block;
	width: 6em;
	height: 3em;
	border-radius: 2em;
	border: none;
	background-color: royalblue;
}


/*弹出窗口*/
#elasticFrame,#elasticFrame2{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	z-index: 999999;
}
/*.mission{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 80%;
	height: 80%;
	background-color: skyblue;
} */

#closeBtn,#closeBtn2{
	display: block;
	width: 20px;
	height: 20px;
	/*(background-color: #000000;*/
	float: right;
}
#closeBtn:hover,#closeBtn2:hover{
	cursor:pointer;
}
.positionFixed{
	position: fixed;
}
/*大树*/
#canvastree{
	width:100%;
	height:30em;
	background-color:white;
}